* {  margin: 0; padding: 0;  }
li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.red { color: #E74C3C; }
.blue { color: #4990E2; }
.green { color: #72C517; }
.yellow { color: #F7D033; }
.redO { display: inline-block; width: 18px; height: 18px; background-color: #FF4536; border-radius: 10px; text-align: center; }
.greenO { display: inline-block; width: 18px; height: 18px; background-color: #19CE36; border-radius: 10px; text-align: center;}

.header { height: 60px; background:-moz-linear-gradient(left,#477299,#223E60);/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#477299),to(#223E60));/*Old gradient for webkit*/
background:-webkit-linear-gradient(left,#477299,#223E60);/*new gradient for Webkit*/
background:-o-linear-gradient(left,#477299,#223E60); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#477299, endColorstr=#223E60);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#477299, endColorstr=#223E60)";/*IE8+*/
 }
.header .title{ text-decoration: none;color: #FFF; font-size: 20px; line-height: 60px; margin-left: 63px; font-family:"Hiragino Sans GB","Microsoft YaHei",微软雅黑;}
.header .login { margin-right: 20px; line-height: 60px; cursor: pointer;}
.header .login .loginPic { margin-right: 9px; padding-top: 2px; }
.header .login span { color: #FAFBFF; margin: 0 5px; height: 40px; }
.header .login .arrows { }
.header .navbarToggle { display: none; position: relative; background: none; margin-left: 32px; margin-top: 20px; border: none; }
.header .navbarToggle .iconBar { background-color: #fff; margin-top: 3px; display: block; width: 20px; height: 3px; border-radius: 1px; }
.header .quit { cursor:pointer;display: none; z-index: 999; position: fixed; top: 55px; right: 10px; box-shadow: 0px 3px 9px 0px rgba(40,52,69,0.12);  background-color: #FFF; width: 100px; height: 30px; font-size: 12px; text-align: center; line-height: 30px; border-radius: 4px; }

.header .download { margin: 19px 55px; width: 93px; height: 22px; text-align: center; background: #168DFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.22); border-radius: 100px; }
.header .download a { color: #fff; text-decoration: none; font-size: 12px; line-height: 22px; }


.main .nav {  background: #FFF; padding: 0;}
.main .nav h2 a{text-decoration: none;color: #464646; font-size: 14px; height: 40px; line-height: 40px; margin-left: 70px; margin-top: 20px; }
.main .nav div .icon { margin-left: 30px; }
.main .nav div .ricon {float:right;margin-right: 10px;margin-top: 15px;}

.main .nav div .arrows { margin-right: 10px; margin-top: 15px; }
.main .nav ul li { cursor: pointer; padding-left: 52px; height: 40px; color: #464646; font-size: 14px; line-height: 40px; font-family: "PingFangSC Medium","Microsoft YaHei",微软雅黑; }
.main .nav ul li a { color: #464646; text-decoration: none; }
.main .nav ul .cur { background-color: #D7E6EF; }
.main .nav div span { font-weight: bold; margin-left: 5px; height: 40px; line-height: 40px; color: #464646; font-size: 14px; font-family: "PingFangSC Medium","Microsoft YaHei",微软雅黑; }

.main .content { background-color: #F0F4F8; min-height: 600px; }
.main .content .banner { overflow: hidden; height: 30px; margin: 20px 0; }
.main .content .banner p { font-size: 14px; line-height: 30px; color: #A7A7A7; }



/*------- userAdd --------*/
.main .content .infoBox { height: 490px; background-color: #fff; box-shadow: 0px 3px 9px 0px rgba(40,52,69,0.12); border-radius: 8px; }
.main .content .infoBox .info { padding-top: 38px; width: 370px; margin: 18px auto; }
.main .content .infoBox .info .line { height: 30px; margin-top: 20px; }
.main .content .infoBox .info .line label { width: 83px; line-height: 30px; text-align: right;font-size: 14px; color: #464646; font-weight: normal; font-family:"Microsoft YaHei",微软雅黑; }
.main .content .infoBox .info .line input { width: 264px; height: 30px; margin-left: 18px; background: #F9F9F8; border: 1px solid #D8DEE6; border-radius: 4px; font-family: MicrosoftYaHei; font-size: 12px; color: #9297A0; line-height: 14px; padding-left: 12px;}
#password2 { display: none; }
.main .content .infoBox .info .lastLine { margin-top: 20px; }
.main .content .infoBox .info .add {display: block;margin: 0 auto; width: 165px; height: 40px; border: none; background-color: #00A2FF; color: #FFF; }
.main .content .infoBox .info .cancle { width: 165px; height: 40px; border: none; background-color: #E7ECEE; color: #AFB6BB; }

.main .content .infoBox .info1 { padding-top: 38px; width: 470px; margin: 18px auto; }
.main .content .infoBox .info1 .line { height: 30px; margin-top: 20px; }
.main .content .infoBox .info1 .line label { width: 143px; line-height: 30px; text-align: right;font-size: 14px; color: #464646; font-weight: normal; font-family:"Microsoft YaHei",微软雅黑; }
.main .content .infoBox .info1 .line input { width: 124px; height: 30px; margin:0 18px; background: #F9F9F8; border: 1px solid #D8DEE6; border-radius: 4px; font-family: MicrosoftYaHei; font-size: 12px; color: #9297A0; line-height: 14px; padding-left: 12px;}
.main .content .infoBox .info1 .add {display: block;margin: 50px auto 0; width: 165px; height: 40px; border: none; background-color: #00A2FF; color: #FFF; }
.main .content .infoBox .info1 .line .textRight { text-align: left;}

/*------- userManage --------*/
.main .content .banner label { line-height: 30px; font-size: 12px; color: #464646; font-family:"Microsoft YaHei",微软雅黑; }
.main .content .banner label input { margin-left: 16px; margin-right: 8px; }
.main .content .banner .searchBox input { width: 160px; height: 30px; margin-left: 20px; margin-right: 12px;}
.main .content .banner .searchButton input { width: 86px; height: 30px;  border: none; background-color: #00A2FF; font-size: 12px; color: #FFF; line-height: 30px; }
.main .content .banner .addButton input { width: 118px; height: 30px; background-color: #3C93ED; border: none; font-size: 14px; color: #FFF; line-height: 30px; }
.main .content .tableUser table{ table-layout: fixed; width: 100%; background: #F3F6F9; box-shadow: 0px 3px 9px 0px rgba(40,52,69,0.12); border-radius: 8px;}
.main .content .tableUser thead tr { background-color: #EAF1F8; color: #464646; font-size: 14px; line-height: 60px; }
.main .content .tableUser td { word-wrap: break-word;  height: 60px; text-align: center; overflow: hidden;}
.main .content .tableUser td span { margin-left: 10px; }
.main .content .tableUser td a { display: block; }

/*------- data1 --------*/
.main .content table { width: 100%; margin-bottom: 20px; background: #F3F6F9; box-shadow: 0px 3px 9px 0px rgba(40,52,69,0.12); border-radius: 8px; overflow: hidden; }
.main .content table td { height: 60px; text-align: center; }
.main .content .table { width: 100%; }
.main .content .table thead tr { background-color: #EAF1F8; color: #464646; font-size: 14px; line-height: 60px; }
/*.main .content .table td { width: 12%; }*/
.main .content .table td a { display: block; }
.main .page { width: 440px; height: 40px; margin: 10px auto 20px; }
.main .page div { height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #94A0AC; background-color: #FFF; border: 1px solid #DAE3EC; border-right: 0; }
.main .page .big { width: 60px;  }
.main .page .num { width: 40px; }
.main .page .cur { background-color: #00A2FF; color: #FFF; }
.main .page .first { border-radius: 4px 0 0 4px; }
.main .page .last { border-radius: 0 4px 4px 0; border-right: 1px solid #DAE3EC; }

/*------- data2 --------*/
.main .content .chats { box-shadow: 0 3px 9px 0 rgba(40,52,69,0.12); position: relative; border-radius: 8px; background-color: #FFF; border: 1px #fff; height: 434px;}
.main .content .chats .chartsContainer { width: 90%; height: 412px; margin: 0 auto ; padding-top: 23px;}


/*------- data3 --------*/
.main .content .table01 { width: 100%; }
.main .content .table02 { width: 100%; }
.main .content .table03 { width: 100%; }
.main .content .banner label { line-height: 30px; font-size: 12px; color: #464646; font-family:"Microsoft YaHei",微软雅黑; }
.main .content .banner label input { margin-left: 16px; margin-right: 8px; }
.main .content .banner .searchBox input { width: 160px; height: 30px; margin-left: 20px; margin-right: 12px;}
.main .content .banner .searchButton input { width: 86px; height: 30px;  border: none; background-color: #00A2FF; font-size: 12px; color: #FFF; line-height: 30px; }

/*------- indexPage --------*/
.main .content .top .title { color: #464646; font-size: 14px; position: absolute; }
.main .content .top .data p {display: block; font-weight: normal; color: #464646; font-size: 16px; line-height: 25px; }
.main .content .left { box-shadow: 0 3px 9px 0 rgba(40,52,69,0.12); position: relative; background-color: #FFF; margin-top: 20px; border-radius: 8px ; height: 196px; }
.main .content .left .data { width: 260px; height: 50px; margin: 73px auto 0; }
.main .content .right { box-shadow: 0 3px 9px 0 rgba(40,52,69,0.12); position: relative; background-color: #FFF; margin-top: 20px; border-radius: 8px; height: 196px; }
.main .content .right .data div { margin-top: 13px; }
.main .content .right .data .status { display: inline-block; width: 67px; height: 20px; margin-right: 20px; font-size: 12px; color: #FFF; line-height: 20px; text-align: center;  border-radius: 10px; font: #FFF 12px; }
.main .content .right .data .status1 { background: #2ECC71; }
.main .content .right .data .status2 { background: #F7D033; }
.main .content .right .data .status3 { background: #F96E60; }
.main .content .right .data .num { display: inline-block; margin-right: 20px; width:60px;text-align: right;}
.main .content .right .data a { font-size: 14px; color: #4A90E2; text-decoration: none; }
.main .content .right .data { width: 226px; height: 127px; margin: 41px auto 0; }
.main .content .bottom { box-shadow: 0 3px 9px 0 rgba(40,52,69,0.12); position: relative; border-radius: 8px; background-color: #FFF; margin-top: 20px; border: 1px #fff; height: 434px;}
.main .content .bottom .chartsContainer { width: 90%; height: 407px; margin: 0 auto ; padding-top: 60px;}


.footer { height: 40px; background-color: #3d3d3d; }
.footer span { display: block; width: 100%; color: #FFFFFF;  font-size: 12px; line-height: 40px; text-align: center; }

